Hexo+Github 搭建属于自己的博客

配置Node.js环境

下载Node.js安装文件

Windows Installer 32-bit

Windows Installer 64-bit

验证Node.js环境(查看版本号)

node -v

npm -v

配置Git环境(安装git与版本查看)

安装git

GIT官网下载

验证版本

git --version

github账户的注册和配置

账号注册

打开官网https://github.com/按照提示注册即可

创建代码库

登陆之后,点击页面右上角的加号,选择New repository

repository name下填写 yxz112660.github.io,Description (optional)下填写一些简单的描述(不写也没有关系)

注意:比如我的github名称是yxz112660 ,这里就填 yxz112660.github.io,如果你的名字是yxz112,那你就填 yxz112.github.io,然后点击创建

到此搭建hexo博客的相关环境配置已经完成,下面开始讲解Hexo的相关配置

安装Hexo

在自己认为合适的地方创建一个文件夹,这里我以E:/hexo 为例子讲解,首先在E盘目录下创建Hexo文件夹,并在命令行的窗口进入到该目录

在命令行中输入

npm install hexo-cli -g

npm install hexo --save

验证

hexo -v

hexo的相关配置

初始化Hexo

接着上面的操作,输入

hexo init

npm install

首次体验Hexo(生成静态文件)

hexo g

首次体验Hexo(气动hexo服务)

hexo s

在浏览器中打开http://localhost:4000/,你将会看到你的专属博客站了

将Hexo与github关联

配置Deployment

同样在_config.yml文件中,找到Deployment,然后按照如下修改:

deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master

比如我的仓库的地址是git@github.com:yxz112660/yxz112660.github.io.git,所以配置如下

deploy:
type: git
repo: git@github.com:gdutxiaoxu/gdutxiaoxu.github.io.git
branch: master

写博客、发布文章

新建一篇博客,执行下面的命令:

hexo new post "hello hexo"

这时候在我的 电脑的目录下 F:\hexo\source_posts 将会看到 hello hexo .md 文件

用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:

hexo generate   // 生成
hexo deploy // 部署

或者

hexo g   // 生成
hexo d // 部署

-------------本文结束感谢您的阅读-------------
0%